page.module.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .tabBox {
  2. :global(.adm-tabs-tab-wrapper) {
  3. padding-left: 0 !important;
  4. padding-right: 0 !important;
  5. width: 50% !important;
  6. position: relative;
  7. z-index: 2;
  8. }
  9. // background-color: var(--primary-button);
  10. :global(.adm-tabs-header-mask) {
  11. width: 0 !important;
  12. }
  13. :global(.adm-tabs-tab) {
  14. margin-left: 0 !important;
  15. margin-right: 0 !important;
  16. padding-top: 13px !important;
  17. padding-bottom: 13px !important;
  18. width: 100% !important;
  19. text-align: center;
  20. font-size: 12px !important;
  21. color: var(--textColor2);
  22. }
  23. :global(.adm-tabs-tab[aria-selected="true"]) {
  24. color: var(--textColor1);
  25. }
  26. :global(.adm-tabs-header) {
  27. background-color: transparent !important;
  28. border-radius: 0.1rem 0.1rem 0 0;
  29. overflow: hidden;
  30. }
  31. :global(.adm-tabs-tab-line) {
  32. height: 100%;
  33. border-radius: 0.1rem;
  34. z-index: 1 !important;
  35. background: linear-gradient(180deg, var(--gradient-left4) 1%, var(--gradient-right4));
  36. // border: 1px solid var(--primary-button);
  37. pointer-events: none;
  38. }
  39. :global(.adm-tabs-content) {
  40. background-color: #fff;
  41. }
  42. }
  43. .historyPrice {
  44. background: linear-gradient(180deg, var(--gradient-left4) 10%, var(--gradient-right4));
  45. }